/*
 * Copyright © 2017 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

$info-icon-fill-color: #5a84e4;
$disabled-color: #cccccc;
$error-bg-color: #2c3e50;
$error-font-color: #cdcdcd;
$max_height_error_container: 200px;

.dataprep-parse-modal {
  &.create-dataset-modal {
    form {
      input.form-control,
      select.form-control {
        width: calc(100% - 20px); // 20px for the info icon.
        display: inline-block;
        margin-right: 5px;
      }
      .icon-info-circle {
        fill: $info-icon-fill-color;
        cursor: pointer;
      }
      .dataset-name-group {
        position: relative;
        .required-label {
          position: absolute;
          top: -21px;
        }
      }
      .col-form-label {
        .text-danger {
          margin-left: 3px;
        }
      }
      .input-type-group {
        button {
          &:focus,
          &:active {
            outline: none;
          }
        }
      }
    }
    .modal-header {
      .close-section {
        &.disabled {
          color: $disabled-color;
          cursor: not-allowed;
        }
      }
    }
    .modal-body {
      min-height: 200px;

      &.copying-steps-container {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        .steps-container {
          .step-container {
            > span {
              &:first-child {
                margin-right: 5px;
              }
            }
          }
          .btn.btn-primary {
            margin-top: 15px;
          }
        }
      }
    }
    .modal-footer {
      &.dataset-copy-error-container {
        padding: 0;
        .step-error-container {
          background: $error-bg-color;
          color: $error-font-color;
          padding: 5px 15px;
          width: 100%;
          text-align: left;
          max-height: $max_height_error_container;
          overflow-y: auto;
        }
      }
    }
  }
}
